<!DOCTYPE html>
<html lang="en">
<head>
  <style>
    body {
      margin:  0px;
      padding: 0px;
    }
  </style>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <canvas id="myCanvas" width="578," height="200"></canvas>
  <script type="text/javascript">
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    context.beginPath();
    context.moveTo(188, 130);
    context.bezierCurveTo(140, 10, 388, 10, 388, 170);
    context.lineWidth = 10;

    // Line color.
    context.strokeStyle = '#6BAFC1';
    context.stroke();
  </script>
</body>
</html>
